@layout("/common/_container.html"){
<style>
    .modifyClosing{height: 100%;}
    .closing-title{background: #6090b8;color: white;padding: 5px 10px;}
    .closing-content{padding: 20px 30px;overflow: auto;height: calc(100% - 65px);}
    .closing-item{display: flex;align-items: baseline;margin-bottom: 15px;}
    .closing-item .closing-item-title{width: 80px;}
    .closing-item .closing-item-content .selectStyles{padding-left: 5px;height: 30px;border-radius: 3px;border: 1px solid #cccccc;width: 155px;}
    .closing-item .closing-item-content .amount-multiple{margin-left: 10px;}
    .closing-item .closing-item-content .closing-item-multiple{margin-bottom: 10px;}

    .closing-item .closing-operation{margin-left: 10px;}

    .btnBox{background:#f1f1f1;position:fixed;bottom:0;width:100%;padding:5px 0;text-align:center;}
    .btnBox>button{margin:0;color:white;background:#6090b8;padding: 5px 20px;}
    .btnBox>button:last-of-type{background:white;color:inherit;border:1px solid #999999}
</style>

<div class="modifyClosing">
    <!--隐藏域-->
    <div style="display: none">
        <input type="hidden" id="sortMap" value="">
        <input type="hidden" id="id" value="${id}">
        <input type="hidden" id="checkoutMethodValue" value="${paymentRecordInfo.checkoutMethod}">
    </div>
    <!--标题-->
    <div class="closing-title">修改结账方式</div>
    <!--内容-->
    <div class="closing-content">
        <div class="closing-item">
            <div class="closing-item-title">患者姓名：</div>
            <div class="closing-item-content"><input class="selectStyles" type="text" id="customerName" value="${customerName}" disabled="disabled"></div>
        </div>
        <div class="closing-item">
            <div class="closing-item-title">收费总额：</div>
            <div class="closing-item-content"><input class="selectStyles" type="text" id="actualAccountBalance" value="${paymentRecordInfo.actualAccountBalance}" disabled="disabled"></div>
        </div>
        <div class="closing-item">
            <div class="closing-item-title">结账方式：</div>
            <div class="closing-item-content">
                <div class="closing-item-multiple">
                    <select class="checkoutMethod-multiple selectStyles" name="checkoutMethod-multiple">
                        @for(str in checkoutMethodList){
                        <option value="${str.checkoutMethod}">${str.checkoutMethod}</option>
                        @}
                    </select>
                    <input class="amount-multiple selectStyles" onkeyup="decimalNum(this)" oninput="oninputJudge(this)" name="amount-multiple" type="text" value="${paymentRecordInfo.actualAccountBalance}" autocomplete="off">
                </div>
            </div>
            <div class="closing-operation">
                <button class="btn btn-default btn-xs" type="button" onclick="chargeAddTo(this)"><span class="glyphicon glyphicon-plus"></span></button>
                <button class="btn btn-default btn-xs" type="button" onclick="chargeReduce(this)"><span class="glyphicon glyphicon-minus"></span></button>
            </div>
        </div>
    </div>
    <!--按钮-->
    <div class="btnBox">
        <button class="btn" type="button" onclick="closingSubmit()">提交</button>
        <button class="btn" type="button" onclick="parent.layer.close(parent.layer.getFrameIndex(window.name))">取消</button>
    </div>
</div>
<script src="${ctxPath}/static/modular/balance/update_checkout_method.js?v=20200718"></script>
@}